import classNames from "classnames"
import "./index.css"
import Icon from "../icons"
export default function DayList(props){
    let chineseObj={
        "drinks":"酒水饮料",
        "longdistance":"打车出行",
        "dessert":"甜点零食",
        "wage":"工资",
        "bouns":"奖金",
    }


    return <ul className="day-list">
    {props.data.map((item2,index2)=><li key={index2}><span><Icon type={item2.useFor}></Icon> {chineseObj[item2.useFor]}</span> <span className={classNames(item2.type==="pay"?"day-pay" : "day-income")}>{item2.money}</span></li>)}
  </ul>
}